/*---------全局重置开始----------*/
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
lengend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}

html {
  /* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
  overflow-y: scroll;
  /*设置字体*/
  font: "PingFang", "Source Han Sans CN", "Microsoft YaHei", Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
}
/* 表单控件没有亮线 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  outline: none;
  font: inherit;
  border: none;
}
/* 表格边框和元素间距清空 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

li {
  list-style: none;
}

a,
u {
  text-decoration: none;
}

em {
  font-style: normal;
}

img {
  border: none;
  margin: 0;
  padding: 0;
}
/*-----全局重置结束-------*/
/*--------盒模型兼容开始-------*/

.flex {
  display: box;
  /*Android 4.4*/
  display: -webkit-box;
  /*iOS 6-, Safari 3.1-6*/
  display: -moz-box;
  /*Firefox 19*/
  display: -ms-flexbox;
  /*IE 10*/
  display: -webkit-flex;
  /*Chrome*/
  display: flex;
  /*Opera 12.1, Firefox 20+*/
}
/*主轴竖直*/
.flex_column {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.flex_wrap {
  -webkit-box-lines: multiple;
  -webkit-flex-direction: wrap;
  -moz-flex-direction: wrap;
  -ms-flex-direction: wrap;
  -o-flex-direction: wrap;
  flex-direction: wrap;
}
/*元素两端排列*/
.flex_jus_between {
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
/*元素两端间距排列*/
.flex_jus_around {
  -webkit-box-pack: space-around;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
}
/*元素两端间距排列*/
.flex_jus_center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
/*元素竖直方向居中*/
.flex-ali_i_center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
/*多行元素竖直方向居中*/
.flex-ali_c_center {
  -webkit-box-align: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  -o-align-content: center;
  align-content: center;
}
/*--------盒模型兼容结束-------*/
/*------小调整设置开始-----*/

.float_L {
  float: left;
}

.float_R {
  float: right;
}

.position_A {
  position: absolute;
}

.position_R {
  position: relative;
}

.position_F {
  position: fixed;
}

.textAlign_C {
  text-align: center;
}

.margin_Auto {
  margin: 0 auto;
}

.display_B {
  display: block;
}

.display_N {
  display: none;
}

.display_I {
  display: inline;
}

.display_I_B {
  display: inline-block;
}

.overflow_H {
  overflow: hidden;
}

.overflow_A {
  overflow: auto;
}

.box_B {
  box-sizing: border-box;
}
/*------小调整设置结束-----*/
/*----------适配开始--------*/
@media screen and (max-width:320px) {
  html {
    font-size: 90px;
  }
}
@media screen and (min-width:320px) {
  html {
    font-size: 90px;
  }
}
@media screen and (min-width:370px) {
  html {
    font-size: 100px;
  }
}
@media screen and (min-width:410px) {
  html {
    font-size: 110px;
  }
}
@media screen and (min-width:480px) {
  html {
    font-size: 130px;
  }
}
@media screen and (min-width:560px) {
  html {
    font-size: 150px;
  }
}
@media screen and (min-width:640px) {
  html {
    font-size: 170px;
  }
}
@media screen and (min-width:760px) {
  html {
    font-size: 200px;
  }
}

body {
  background: #f2f3f3;
  font-size: 0.16rem;
}
/*----------适配结束----------*/
